<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/01.login.css">
</head>
<body>
     <!-- header -->
     <div class="header">
        <div class="headercenter">
            <div class="h_left">
                <img src="./img/1.png" alt="">
            </div>
            <div class="h_center">
                <input type="text" placeholder="漫步者">
            </div>
            <div class="sousuo">
                <ul>
                    <!-- <li>1</li>-->
                </ul>
            </div>
            <div class="h_right_1">
                <img src="./img/2.png" alt="">
            </div>
            <div class="h_right_2">
                <p>登录</p>
                <div class="h_right_1_1">
                    <ul>
                        <li>手机号登陆</li>
                        <li>微信登录</li>
                        <li>QQ登录</li>
                        <li>新浪微博登录</li>
                        <li>网易邮箱账号登录</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="kongbai"></div>

    <div class="content">
        <div class="cont">
            <div class="contTop">
                <p>请用你的云音乐账号登录</p>
            </div>
            <div class="contBottom">
                <form>
                    <span class="err">用户名或密码错误, 请检查后在进行登录 ^_^</span>
                    <label>
                      用户名 : <input class="username" type="text">
                    </label>
                    <label>
                      密码 : <input class="password" type="text">
                    </label>
                    <p>还没有账号 <a href="./01.register.html">去注册</a></p>
                    <button>登录</button>
                  </form>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="footercenter">
            <div class="f_left">
                <p>
                    <a href="">服务条款</a>
                    <a href="">隐私政策</a>
                    <a href="">儿童隐私政策</a>
                    <a href="">版权投诉指引</a>
                    <a href="">意见反馈</a>
                </p>
                <p>网易公司版权所有&copy;1997-2021杭州乐读科技有限公司运营:浙网文[2021] 1186-054号</p>

                <p>违法和不良信息举报电话:0571-89853516举报邮箱: ncm5990@163.com</p>
                <p>食品经营许可证出版物经营许可证营业执照网络食品交易第三方平台提供者信息备案:浙网食A33010041进口冷链管理承诺书</p>
                <p>粤B2-20090191-18举报邮箱:工业和信息化部备案管理系统网站</p>
            </div>
            <div class="f_right">
                <img src="./img/9.png" alt="">
            </div>
        </div>
    </div>
    <script src="./js/01.login.js"></script>
</body>
</html>